<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 
    <link rel="shortcut icon" type="image/x-icon" href="<?=base_url()?>/public/img/favicon.ico">
            <link rel="stylesheet" href="<?=base_url()?>public/css/jquery-ui-1.8.20.custom.css" />
            <link rel="stylesheet" href="<?=base_url()?>public/css/bootstrap.css" />
            <link rel="stylesheet" href="<?=base_url()?>public/css/normalize.css" />
            <link rel="stylesheet" href="<?=base_url()?>public/css/base.css" />
            <link rel="stylesheet" href="<?=base_url()?>public/css/style.css" />
            <style>
    img {
        max-width: none;
    }

    
    .btn-siguiente {
        color: #FFFFFF;
        width: 40%;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #FFA500;
        background-image: -moz-linear-gradient(top, #FFA500, #FFA500);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFA500), to(#FFA500));
        background-image: -webkit-linear-gradient(top, #FFA500, #FFA500);
        background-image: -o-linear-gradient(top, #FFA500, #FFA500);
        background-image: linear-gradient(to bottom, #FFA500, #FFA500);
        background-repeat: repeat-x;
        border-color: #FFA500;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA500', endColorstr='#FFA500', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    .btn-siguiente:hover,
    .btn-siguiente:active,
    .btn-siguiente.active,
    .btn-siguiente.disabled,
    .btn-siguiente[disabled] {
        color: #FFFFFF;
        background-color: #FFA500;
    }

</style>
<script type="text/javascript">
$(document).ready(function() {
	$('#faqs h3').each(function() {
		var tis = $(this), state = false, answer = tis.next('div').hide().css('height','auto').slideUp();
		tis.click(function() {
			state = !state;
			answer.slideToggle(state);
			tis.toggleClass('active',state);
		});
	});
});
</script>
    <body class="twoColFixLt">
        <div class="container contenido">
    <div class="row-fluid">
        <div class="span3 categorias">
          <hr align="center" noshade="noshade" />
      
          <a href= "nosotros" class="sidebar-titulos"  >Quienes Somos</a>
<hr noshade="noshade" />

        <a href= "faq" class="sidebar-titulos">Ayuda/FAQ</a>
        <hr/>
        
        <a href= "terms" class="sidebar-titulos">Términos y Condiciones</a>
        <hr/>


    <a href= "contacto" class="sidebar-titulos"  >Contacto</a>
        <hr/>
    <br>
        </div>
        <div class="span9" style="margin-left: -17px;">
            <div class="row-fluid">
               
                
            </div>

   
      <div id="mainContent" >
          
        <h2 class="naranja">&nbsp;&nbsp;&nbsp;&nbsp;Contacto<hr></h2>
        
        <div id="contenido" style="text-align:left;color:#67717a;margin-left:2em;">ExpoCarreras dispone todos sus medios para asesorar a los interesados o a quienes posean consultas por realizar.<br> Utilizá nuestro formulario de contacto o por medio de nuestras redes sociales.</div>
        <br>
    
      <div style="margin-left:2em; float:left; width:45%">
         <div style="float:left; width:50%">
            <p class="secundario" style="margin-bottom:0px;">Nombre</p>
                    <input class="input" style="width:90%;margin-top:0px;"name="nombre" type="text">
       </div>   
         <div style="float:right; width:50%">
            <p class="secundario"style="margin-bottom:0px;">Email</p>
                    <input class="input" style="width:100%" name="email" type="text">
       </div>    
              <p class="secundario"style="margin-bottom:0px;">Teléfono</p>
                    <input class="input" style="width:100%" name="telefono" type="text">
  <p class="secundario"style="margin-bottom:0px;">Asunto</p>
                    <input class="input" style="width:100%" name="asunto" type="text">
                        <p class="secundario"style="margin-bottom:0px;">Consulta</p>
                    <input class="input" style="width:100%;height:80px;" name="consulta" type="text">
     
                        <input type="submit" class="btn btn-siguiente" value="Enviar" >
        <br>
            <br>
                            </div>
<div style="padding:20px;margin-left:2em; float:right; width:40%; border: 1px solid #d0d0d0; margin: 1%;border-radius: 2px;">
     
<span class="contenido naranja" style="font-weight:bold"> Otros medios de contacto: </span>
        <br>
        <br>
            <span class="secundario" style="color:#67717a;"> Tel: (+54) 341-4760284 <br>E-mail: contacto@expocarrares.org<br>Web: www.expocarrares.org<br>Rosario, Santa Fe, Argentina<br><br>
                                    Seguinos en: <br>
                                         <a href="https://www.facebook.com/pages/ExpoCarreras/560933557291156?ref=hl" target="_blank"><img src="<?= base_url() ?>public/img/facebook.png"></a>
                                         <a href="https://twitter.com/ExpoCarrerasOk" target="_blank"><img src="<?= base_url() ?>public/img/twitter.png"></a></span>
<a href="http://plus.google.com" target="_blank"><img src="<?= base_url() ?>public/img/googleplus.png"></a>
<a href="http://www.youtube.com" target="_blank"><img src="<?= base_url() ?>public/img/youtube.png"></a>
<br>
    <br>
        <br> <span class="secundario" style="color:#67717a;"> Gracias!</span>
            </div>
</div>    	<!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" />
    <!-- end #container --></div>
    </body>
</html>
